


<!--  PAPER WRAP -->


            <!-- CONTENT -->
            <!--TITLE -->
            <!--TITLE -->
            <div class="row">
                <div id="paper-top">
                    <div class="col-lg-3">
                        <h2 class="tittle-content-header">
                            <i class="icon-window"></i>
                            <span>员工信息</span>
                        </h2>

                    </div>
                    <!--登录信息-->
                    <div class="col-lg-7">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="tittle-middle-header">
                            <div class="alert">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <span class="tittle-alert entypo-info-circled"></span>
                              欢迎登录后台管理系统,&nbsp;&nbsp;&nbsp;
                            </div>

                        </div>

                    </div>
                    <div class="col-lg-2">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="btn-group btn-wigdet pull-right visible-lg">
                            <div class="btn">
                                <a href="index1.html">返回首页</a>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
            <!--/ TITLE -->
            <!--/ TITLE -->

            <!-- breadcrumb路径 -->
            <ul id="breadcrumb">
                <li>
                    <span class="entypo-home"></span>
                </li>
                <!--fa fa-lg fa-angle-right 大于号-->
                <li><i class="fa fa-lg fa-angle-right"></i></li>
                <li><a href="#" title="Sample page 1">员工信息</a></li>
                <!--<li><i class="fa fa-lg fa-angle-right"></i></li>
                <li><a href="#" title="Sample page 1">Blank Page</a></li>-->
            </ul>

            <!-- END OF BREADCRUMB、面包路径 -->

            <div class="content-wrap">
                <!-- PROFILE -->
                <div class="row">
                    <div class="col-xs-12 divider text-center">
                        <div class="col-xs-12 col-sm-4 emphasis">
                            <h2>
                                <strong>000</strong>
                            </h2>
                            <p>
                                <small>迟到</small>
                            </p>
                            <button class="btn btn-success btn-block">
                                <span class="fa fa-user"></span>&nbsp;&nbsp;迟到记录</button>
                        </div>
                        <div class="col-xs-12 col-sm-4 emphasis">

                            <h2>
                                <strong>11</strong>
                            </h2>
                            <p>
                                <small>请假</small>
                            </p>
                            <button class="btn btn-info btn-block">
                                <span class="fa fa-user"></span>&nbsp;&nbsp;请假记录</button>
                        </div>
                        <div class="col-sm-4 emphasis">

                            <h2>
                                <strong>00</strong>
                            </h2>
                            <p>
                                <small>旷工</small>
                            </p>
                            <button class="btn btn-default btn-block">
                                <span class="fa fa-user"></span>&nbsp;&nbsp;旷工记录</button>
                        </div>
                    </div>
                    <div class="col-md-12 nest profile well">

                            <div class="col-sm-12">
                                <div class="col-xs-12 col-sm-4 text-center">
                                    <!--资料卡-->
                                    <ul class="list-group">
                                        <li class="list-group-item text-left">
                                            <span class="entypo-user"></span>&nbsp;&nbsp;简介</li>
                                        <li class="list-group-item text-center">
                                            <!--src动态加载-->
                                            <img src="http://api.randomuser.me/portraits/men/10.jpg" alt="" class="img-circle img-responsive img-profile">

                                        </li>
                                        <li class="list-group-item text-center">
                                            <span class="pull-left">
                                                <strong>评级</strong>
                                            </span>


                                            <div class="ratings">
                                                <!--星星变化通过类名控制 fa-star fa-star-o -->
                                                <a href="#">
                                                    <span class="fa fa-star"></span>
                                                </a>
                                                <a href="#">
                                                    <span class="fa fa-star"></span>
                                                </a>
                                                <a href="#">
                                                    <span class="fa fa-star"></span>
                                                </a>
                                                <a href="#">
                                                    <span class="fa fa-star"></span>
                                                </a>
                                                <a href="#">
                                                    <span class="fa fa-star-o"></span>
                                                </a>

                                            </div>


                                        </li>

                                        <li class="list-group-item text-right">
                                            <span class="pull-left">
                                                <strong>入职时间</strong>
                                            </span>2.13.2017</li>
                                        <li class="list-group-item text-right">
                                            <span class="pull-left">
                                                <strong>请假记录</strong>
                                            </span>无</li>
                                        <li class="list-group-item text-right">
                                            <span class="pull-left">
                                                <strong>业绩</strong>
                                            </span>A+</li>

                                    </ul>

                                </div>

                                <div class="col-xs-12 col-sm-8 profile-name">
                                    <h2>员 工 档 案
                                        <span class="pull-right social-profile">
                                            <i class="entypo-facebook-circled"></i>  <i class="entypo-twitter-circled"></i>  <i class="entypo-linkedin-circled"></i>  <i class="entypo-github-circled"></i>  <i class="entypo-gplus-circled"></i>
                                        </span>
                                    </h2>
                                    <hr>

                                    <dl class="dl-horizontal-profile">
                                        <dt>工号</dt>
                                        <dd>123</dd>

                                        <dt>姓名</dt>
                                        <dd>员工A</dd>

                                        <dt>Email</dt>
                                        <dd>yuangongA@163.com</dd>

                                        <dt>手机号</dt>
                                        <dd>081 725 xxx</dd>

                                        <dt>工作经验</dt>
                                        <dd>2015/6-2017</dd>

                                        <dt>入职时间</dt>
                                        <dd>2015/6</dd>

                                        <dt>职位</dt>
                                        <dd>Web 前端 / UI</dd>

                                        <dt>兴趣</dt>
                                        <dd>健身，游泳，音乐， 学习新事物</dd>

                                        <dt>掌握技能</dt>
                                        <dd>
                                            <span class="tags">html5</span>
                                            <span class="tags">css3</span>
                                            <span class="tags">jquery</span>
                                            <span class="tags">bootstrap3</span>
                                            <span class="tags">Angular</span>
                                            <span class="tags">React</span>
                                        </dd>

                                    </dl>


                                    <hr>

                                    <h5>
                                        <span class="entypo-arrows-ccw"></span>&nbsp;&nbsp;打 卡 记 录</h5>
                                    <a href="#" id="card"></a>
                                    <div class="table-responsive">
                                        <table class="table table-hover table-striped table-condensed">

                                            <tbody>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 今天, 1:00 - 打卡成功 .</td>
                                            </tr>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 今天, 12:23 - 打卡成功 .</td>
                                            </tr>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 今天, 12:20 - 打卡成功 .</td>
                                            </tr>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 昨天 - 打卡成功 .</td>
                                            </tr>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 2 天前 - 打卡成功 .</td>
                                            </tr>
                                            <tr>
                                                <td><i class="pull-right fa fa-edit"></i> 2 天前 - 打卡成功 .</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>

                                </div>

                            </div>
                            <!--打卡-->

                    </div>



                    <!--档案编辑-->
                    <div class="row">


                        <div class="col-sm-12">
                            <!-- BLANK PAGE-->

                            <div style="margin:-20px 15px;" class="nest" id="Blank_PageClose">
                                <div class="title-alt">
                                    <h6>档案编辑</h6>
                                    <div class="titleClose">
                                        <a class="gone" href="#Blank_PageClose">
                                            <span class="entypo-cancel"></span>
                                        </a>
                                    </div>
                                    <div class="titleToggle">
                                        <a class="nav-toggle-alt" href="#Blank_Page_Content">
                                            <span class="entypo-up-open"></span>
                                        </a>
                                    </div>

                                </div>

                                <div class="body-nest" id="Blank_Page_Content">




                                    <div class="row">


                                        <!-- left column -->
                                        <div class="col-md-3">
                                            <div class="text-center">
                                                <img src="http://placehold.it/150" class="avatar img-circle" alt="avatar">
                                                <h6>提交新照片</h6>

                                                <div class="input-group">
                                                    <span class="input-group-btn">
                                                        <span class="btn btn-primary btn-file">
                                                            提交

                                                            <input type="file" multiple="">
                                                        </span>
                                                    </span>
                                                    <input type="text" class="form-control">
                                                </div>

                                            </div>
                                        </div>

                                        <!-- 编辑员工表单 -->
                                        <div class="col-md-9 personal-info">
                                            <div class="alert alert-info alert-dismissable">
                                                <a class="panel-close close" data-dismiss="alert">×</a>
                                                <i class="fa fa-coffee"></i>
                                                提示窗口
                                                <strong>.alert</strong>.提示重要信息给用户.
                                            </div>
                                            <h3>个人信息</h3>

                                            <form class="form-horizontal" role="form">
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">姓名:</label>
                                                    <div class="col-lg-8">
                                                        <input class="form-control" placeholder="姓名" type="text">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">性别:</label>
                                                    <div class="col-lg-8">
                                                        <input class="form-control" placeholder="男/女" type="text">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">入职时间:</label>
                                                    <div class="col-lg-8">
                                                        <input class="form-control" placeholder="入职时间" type="text">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">Email:</label>
                                                    <div class="col-lg-8">
                                                        <input class="form-control" placeholder="Email" type="text">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-lg-3 control-label">联系电话:</label>
                                                    <div class="col-lg-8">
                                                        <input class="form-control" placeholder="联系电话" type="text">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-md-3 control-label"></label>
                                                    <div class="col-md-8">
                                                        <input class="btn btn-primary" value="提交" type="button">
                                                        <span></span>
                                                        <input class="btn btn-default" value="取消" type="reset">
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END OF BLANK PAGE -->

                    </div>
                </div>
                <!-- END OF PROFILE -->


                <!-- /END OF CONTENT -->



                <!-- FOOTER -->
                <div class="footer-space"></div>
                <div id="footer">
                    <div class="devider-footer-left"></div>
                    <div class="time">
                        <p id="spanDate">
                        <p id="clock">
                    </div>
                    <div class="copyright">Make with Love
                        <span class="entypo-heart"></span>2014 <a href="#">(Tianfu) Purchase This Item</a> All Rights Reserved</div>
                    <div class="devider-footer"></div>

                </div>
                <!-- / END OF FOOTER -->


            </div>

        <!--  END OF PAPER WRAP -->

